@ var main = {
<script type="text/javascript">
$(function(){
	
	var table = $("#cars-id").bingoTable();
	var size = table.bingoTable("size");
	
	
	
});
</script>

<main> 
  <!--右边部分-->
  <div class="topbox-query">
    <form action="" method="get">
      <table class="inf-search">
        <tr>
          <th>客户名称</th>
          <td>
            <input type="text" name="Reserv_Num" id="Reserv_Num1" class="form-control intxt-search" value="请输入客户名称" />
          </td>
          <th>委托单号</th>
          <td>
            <input type="text" name="entrust_Num" class="form-control intxt-search" value="" />
          </td>
          <th>始发站</th>
          <td colspan="2">
            <select class="form-control in-select1">
              <option value="北京"> 北京 </option>
              <option value="天津"> 天津 </option>
              <option value="上海"> 上海 </option>
            </select>
          </td>
        </tr>
        <tr>
          <th>到 站</th>
          <td>
            <select class="form-control in-select1">
              <option value="北京"> 北京 </option>
              <option value="天津"> 天津 </option>
              <option value="上海"> 上海 </option>
            </select>
          </td>
          <th>日期</th>
          <td>
            <div class="input-group in-date3 fl">
              <input type="text" name="ticketDate1" class="form-control" placeholder="2014-03-18" aria-describedby="basic-addon1">
              <span class="input-group-addon glyphicon glyphicon-calendar" id="basic-addon1"></span> </div>
            <span class="fl">&nbsp;-&nbsp;</span>
            <div class="input-group in-date3 fl">
              <input type="text" name="ticketDate2" class="form-control" placeholder="2014-03-20" aria-describedby="basic-addon2">
              <span class="input-group-addon glyphicon glyphicon-calendar" id="basic-addon2"></span> </div>
            <!--<input type="text" name="ticketDate"  id="ticketDate1" class="in-date" value="2014-03-18"/> — <input type="text" name="ticketDate"  id="ticketDate2" class="in-date" value="2014-03-18"/>--></td>
          <th>发货人</th>
          <td colspan="2">
            <input type="text" name="consignor" id="consignor" class="form-control intxt-search" value=""/>
          </td>
        </tr>
        <tr>
          <th>货物名称</th>
          <td>
            <input type="text" name="proName" class="form-control intxt-search" value=""/>
          </td>
          <th>状态</th>
          <td>
            <input type="radio" name="vehicles" id="onguard" checked/>
            <label for="onguard">在岗</label>
            &nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="vehicles" id="offguard"/>
            <label for="offguard">脱岗</label>
          </td>
          <th>收货人电话</th>
          <td>
            <input type="text" name="consignee_tel" class="form-control intxt-search" value="" />
          </td>
          <td>
            <button type="submit" class="btn btn-search" id="btn_search">查询</button>
          <!--<input type="submit" name="search" class="btn-search" id="btn_search" value="查询"/>--></td>
        </tr>
      </table>
    </form>
  </div>
  <div class="table-box">
    <ul class="table-tabs">
      <li id="table-tab1" class="hcur">出货表</li>
      <li id="table-tab2">分拣表</li>
      <li id="table-tab3"><a href="#">货运表</a></li>
    </ul>
    
    <dl class="table-con" id="table-tab_1">
        <dt><a class="btn-add" id="addVehicle">新增车辆</a><a class="btn-add" id="regVehicle">激活定位</a><a class="btn-add">车辆定位</a><a class="btn-add" id="sendMess">发送短信</a><a class="btn-del">删除</a>
        	<a class="batch">批量导出</a>
            <span class="batch gray">&nbsp;|&nbsp;</span>
            <a class="batch">批量导入</a> 
			<a class="batch">&nbsp;<span class="glyphicon glyphicon-stats"></span><!--<img src="../img/ico-diagram.jpg"/>-->&nbsp;</a> 					
            <a class="batch active">&nbsp;<span class="glyphicon glyphicon-th-list"></span>&nbsp;</a>
        	<select class="form-control in-select2 fr">
              <option value="定位时间由新到旧"> 定位时间由新到旧 </option>
              <option value="定位时间由旧到新"> 定位时间由旧到新 </option>
            </select> 
            <span class="batch">排序：</span>
            <div class="statistics">
                <label for="AggreExpen">运输车辆数：</label><span id="AggreExpen">899/辆</span>
                <label for="Charged">总件数:</label><span id="Charged">342697/件</span>
                <label for="Charged">实收总运费:</label><span id="Charged">36718/元</span> 
            </div>
        </dt>
        
      
        @ #ajax carsTable:{
        <!-- 表格开始部分 -->
        <bg:table2 id="cars-id" data="${pageView.result}"  check="true" var="row,index">
        	<bg:tr name="车牌号" important="true">${row.no}</bg:tr>
        	<bg:tr name="司机" important="true">${row.name}</bg:tr>
        	<bg:tr name="手机号" >${row.mobile}</bg:tr>
        	<bg:trOpt name="操作123">
        		<a id="eddit" class="blue1">编辑</a>| <a class="blue1">立即定位</a>| <a class="blue1 setPos">定位设置</a> | <a class="blue1">历史轨迹</a>
        	</bg:trOpt>
         </bg:table2> 
         <bg:pagger id="cars-page-id" data="${pageView}" table="cars-id" form="xxx" />
        
         <!-- 表格结束部分 -->  
        @}  
         
        
    </dl>
    <dl class="table-con" id="table-tab_2" style="display:none">
        <dd>
            <h3><strong>单据管理</strong><span>专业/高效</span></h3>

            <p>电脑、手机随时录单，专业的派车调度功能，<br>操作简单、效率高;支持离线录单，适用各种单据打印机</p>
        </dd>
    </dl>
    
    <dl class="table-con" id="table-tab_3" style="display:none">   
        <dd>
            <h3><strong>单据管理</strong><span>专业/高效</span></h3>

            <p>电脑、手机随时录单，专业的派车调度功能，<br>操作简单、效率高;支持离线录单，适用各种单据打印机</p>
        </dd>
    </dl>
            
  </div>
</main>

@};
@var title = "table测试页面";
@include("/common/layout.html",{title:title,main:main}){}

